<%@ page language="java" pageEncoding="utf-8" contentType="text/html;charset=UTF-8" %>
                <div class="integral-header-summary">
                    <div class="user">
                        <p><img src="${empty userInfo.headImageUrl?'http://design.ehaoyao.com/static/images/default.jpg':userInfo.headImageUrl }" /></p>
                        <p class="user-name fyh" id="userNickName">
                        	${ucenter:substring(userInfo.nickName , 0,10)}
                        	<c:if test="${userInfo.userType > GENERAL }">
                        		<i class="${vipCssMap[userInfo.userType] }"></i>
                        	</c:if>
                        	<span class="full">${userInfo.nickName }<em class="arrow"></em></span>
                        </p>
                        <p class="user-integral"><span>剩余积分：${empty integralInfo.integralUsable?0:integralInfo.integralUsable }</span></p>
                    </div>
                    <div class="nav">
                        <a id="index" href="/integral/index.html"><i class="icon-index"></i>积分商城首页</a>
                        <!-- <a href="###"><i class="icon-insurance"></i>旅游保险</a>
                        <a href="###"><i class="icon-game"></i>幸运抽奖</a> -->
                        <a id="vip_index" href="/integral/vip/index.html"><i class="icon-vip"></i>VIP专区</a>
                        <a id="insurance_index" href="/integral/insurance/index.html"><i class="icon-vip"></i>保险专区</a>
                        <a href="/"><i class="icon-ucenter"></i>会员中心</a>
                    </div>
                </div>
<script type="text/javascript">
$('#userNickName').on({
    mouseenter: function(){
    	console.log("show");
    	$(this).find('.full').show();
    },
    mouseleave: function(){
    	console.log("hide");
    	$(this).find('.full').hide();
    }
});
</script>